<template>
  <div class="login-container">
    <Banner />
    <div
      class="form-container"
      :style="{
        background: `url(${img}) no-repeat center/cover`,
      }"
    >
      <LoginForm />
    </div>
  </div>
</template>

<script>
import Banner from "@/components/LoginComps/Banner.vue";
import LoginForm from "@/components/LoginComps/LoginForm.vue";
import img from "@/assets/data/exports/背景图.jpeg";
export default {
  components: {
    Banner,
    LoginForm,
  },
  data() {
    return {
        img,
    }
  }
};
</script>

<style lang="scss" scoped>
.login-container {
  height: 100vh;
  overflow: hidden;
//   background: lightblue;
  .form-container {
    height: calc(100% - 70px);
    position: relative;
  }
}
</style>
